草庐IT

jQuery Mobile 表单

全部标签

asp.net - 禁用表单提交按钮

我有一个按钮,我想在提交表单时将其禁用,以防止用户多次提交。我曾尝试天真地使用javascriptonclick禁用按钮,但如果客户端验证失败,按钮将保持禁用状态。如何在表单成功提交时禁用按钮,而不仅仅是在用户点击时禁用按钮?这是一个ASP.NET表单,所以如果可能的话,我想很好地融入asp.netajax页面生命周期。 最佳答案 我不太喜欢在代码隐藏中编写所有javascript。这是我的最终解决方案。按钮:Javascript:;}//--> 关于asp.net-禁用表单提交按钮,我

javascript - 没有用于表单控件的值访问器

这个问题在这里已经有了答案:Angular4-Novalueaccessorforformcontrol(4个答案)关闭6个月前。我正在使用Angular2-rc5,目前我的登录页面出现错误。我正在尝试创建一个表单,但控制台抛出异常告诉我它找不到我的formcontroll,即使我在init上创建它也是如此。知道为什么我会收到此错误吗?登录组件import{Component,OnInit}from'@angular/core';import{FormGroup,FormControl,FormBuilder,Validators}from'@angular/forms';import

javascript - ExtJs:表单 isValid() 为假。但是如何知道表单无效的原因呢?

我正在使用其中包含文件上传字段的ExtJs表单。在选择一个文件时,我调用了表单的submit()方法。但在提交之前,我使用form.isValid()检查表单是否有效。现在由于一些未知原因,我将form.isValid()设置为FALSE。但我想知道为什么表单验证失败?我将所有其他字段保留为allowBlank:false。有没有办法知道(使用方法或配置属性)表单验证失败的原因以及表单中的无效字段(以及消息)是什么?这是我的代码:varsimple=Ext.create('Ext.form.Panel',{id:'textIntConfigPanel',frame:true,bodyP

javascript - react 和多个表单字段

我正在阅读documentationon"onChange"我很好奇如果我的论坛有多个字段,如选择框、复选框、文本区域和输入,我会怎么做?我只是做类似的事情吗:getInitialState:function(){return{textArea:'Hello!',input:'World',...};},到初始状态,然后是处理该字段变化的相同概念? 最佳答案 @FakeRainBrigand的回答很酷。我想分享一个JavaScript风格的(使用高阶函数),更短:/**@jsxReact.DOM*/varApp=React.crea

javascript - 在多部分/表单数据上传的各个部分设置内容长度 header

我想使用multipart/form-data类型的发布请求上传多个文件,对于每个文件,我需要知道服务器端的文件大小(内容长度)。为了在javascript中构造POST请求,我使用了一个FormData对象,并将要上传的File对象附加到它。这工作正常,但是除了Content-Dispositionheader之外,每个部分只添加了一个Content-typeheader,但没有Content-lengthheader,尽管此信息可从各个文件对象中获得。有没有办法实现在发送请求时为FormData对象的每个部分设置Content-lengthheader?下面是我使用的代码,包括我解

javascript - jQuery Mobile - 动态创建表单元素

我正在创建一个针对iOS设备的网络数据库驱动的离线网络应用程序。我正在尝试使用jQueryMobile,但在创建各种表单时遇到了问题。表单选项取自数据库查询,因此它们会在页面加载后插入到页面中,因此“jQuery-Mobilification”不会发生。快速浏览一下源代码,在这个阶段似乎没有任何明显的方法可以调用它(当然这是一个alpha版本,我认为这将是一个相当普遍的请求,所以我希望它将会来)。我可以使用某种解决方法来做到这一点吗?我对单选按钮、复选框和选择列表特别感兴趣。 最佳答案 更新Beta2有一个create事件。当bet

Javascript 表单生成器

有人知道基于模型自动生成表单的javascript库吗?即,给定一个类似这样的模型:{name:"someone",email:"someone@somwhere.com",}你会得到一个像这样的表格:Name:___________Email:__________马特 最佳答案 如果您希望使用jQuery生成动态表单,那么我建议您查看Alpaca.Alpaca是一个开源表单库(在Apache2下获得许可)。它使用JavaScript基于JSONSchema生成表单,非常灵活,因此您可以注册新的控件类型、布局、约束和验证函数。我认为

javascript - 如何在 AngularJS 中手动触发表单的提交?

我有一个想要嵌套的表单,但这是不可能的,因为HTML不能接受嵌套表单。有没有一种方法可以在AngularJS的第一个表单上手动调用提交(触发验证,例如需要)?代码如下:Description...顺便说一句,如果有帮助的话,两种形式都在一个Controller下 最佳答案 尝试创建一个捕获事件的指令:varapp=angular.module('myApp',[]);functionMyCtrl($scope){$scope.triggerSubmit=function(){$scope.$broadcast('myEvent');

javascript - JQuery.Validate 插件可以阻止提交 Ajax 表单吗

我正在使用JQuery表单插件(http://malsup.com/jquery/form/)来处理表单的ajax提交。我还插入了JQuery.Validate(http://docs.jquery.com/Plugins/Validation)以进行客户端验证。我看到的是验证在我预期的时候失败了,但是它并没有阻止表单提交。当我使用传统表单(即非ajax)时,验证失败完全阻止了表单提交....这是我想要的行为。我知道验证已正确连接,因为在ajax提交发生后验证消息仍然出现。那么我缺少的是阻止我想要的行为吗?下面的示例代码....varoptions={target:'#detailsV

javascript - 带有文件上传的 AngularJs Ajax POST 表单

我正在尝试设置一个表单,以使用ajax请求提交给已经使用Ajax构建的api。由于某种原因,文件只是不想传输到系统,尽管已经构建了一个后端来处理这个问题,并且它工作正常。根据我在此处找到的教程,我的服务看起来像这样:http://badwing.com/multipart-form-data-ajax-uploads-with-angularjs/addActivity:function(url){return$http({method:'POST',url:REQUEST_URL+'Volunteering/AddActivity?token='+token+url,headers: